<template>
	<view class="card">
		<!-- 头部内容 -->
		<view class="card-nav">
			<text class="nav-title">{{title}}</text>
			<navigator :url="type==='course'?'/pages/course/list/list':'/pages/teacher/teacher'"
				:open-type="type==='course'?'switchTab':'navigate'">
				<text class="nav-more">{{more}}</text>
			</navigator>
		</view>

		<!-- 列表项内容 -->
		<slot></slot>
	</view>
</template>

<script lang="ts">
	export default {
		name: "v-card",
		data() {
			return {

			};
		}
	}
</script>
<script lang="ts" setup>
	const props = defineProps(['title', 'more'])
</script>

<style lang="less" scoped>
	.card {
		padding: 20upx;

		.card-nav {
			display: flex;
			justify-content: space-between;
			font-size: 30upx;
			height: 60upx;
			line-height: 60upx;
			background-color: #00cc99;
		}
	}
</style>